.order-box {
    width: 100%;
    height: 100%;

    .mu-tabs {
        .mu-tab-active {
            color: #1EC5F1;
        }

        .mu-tab-link-highlight {
            background-color: #1EC5F1;
            height: 1PX;
        }
    }

    .mu-item {
        padding: 0;
        height: auto;
        background: rgba(27, 62, 108, 0.3);
        border-radius: 8PX;
        margin: 20px 30px;

        .mu-item-title {
            padding: 30px 0;
            height: auto;
            border-bottom: 1PX solid rgba(255, 255, 255, 0.1);
        }

        .order-title {
            padding: 0 30px;
            color: $font
        }

        .order-sec-title {
            font-size: 14PX;
            padding: 0 30px;

            .createtime {
                color: rgba(255, 255, 255, 0.5)
            }
        }

        .mu-item-sub-title {
            position: relative;
            padding: 30px 0;

            .order-timebox {
                text-align: center;

                .time-title {
                    color: rgba(255, 255, 255, 0.5);
                    font-size: 14PX;
                }
            }

            .hour-box {
                position: absolute;
                width: 100%;
                top: 30px;
                z-index: 0;

                .hour {
                    background: rgba(19, 111, 209, 1);
                    border-radius: 21PX;
                    width: 60PX;
                    height: 20PX;
                    display: block;
                    color: $font;
                    text-align: center;
                    margin: 0 auto;
                }
            }

        }
    }
}

.chongzhibox {
    margin-top: 8px;

    .mu-item {
        height: auto;
        margin-bottom: 10px;
        background:rgba(27,62,108,0.4);
        padding:30px 30px;
        .iconfont-box {
            width: 72px;
            height: 72px;
          margin-right: 20px;
            border-radius: 4px;
            text-align: center;
            line-height: 72px;
            .iconfont{
                font-size: 23PX;
            }
        }
        .data{
            .data-title{
               color: #CEE3F7;
               font-size: 14PX;
               margin-bottom: 8px;


            }
            .data-time{
                color:$font;
                font-size: 12PX;

            }
        }
    }
    .fright{
        text-align: center;
    }
    .ordertype{
        display: inline-block;
        padding:0 12px;

        background:rgba(65,157,62,0.1);
        color:rgba(65,157,62,1);
       }
}
